<template>
  <div>
    <swiper dots-position="center" loop auto :list="demo06_list"></swiper>
  </div>
</template>

<script>
import { Swiper } from 'vux'

const baseList = [{
  url: 'javascript:',
  img: 'static/img/1.jpg'
}, {
  url: 'javascript:',
  img: 'static/img/2.jpg'
}, {
  url: 'javascript:',
  img: 'static/img/3.jpg'
}]

const urlList = baseList.map((item, index) => ({
  img: item.img
}))

export default {
  components: {
    Swiper
  },
  ready () {},
  methods: {
    demo06_onIndexChange (index) {
      this.demo06_index = index
    }
  },
  data () {
    return {
      demo06_list: urlList
    }
  }
}
</script>

<style>
img{
  width: 13.333333rem /* 1000/75 */
}
</style>
